<!doctype html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>长沙理工大学继续教育学院思文教学部</title>
    <meta name="keywords" content="长沙理工大学继续教育学院思文教学部|长沙理工大学|思文教育|湖南思文教育">
    <meta name="description" content="湖南思文优才教育科技有限公司为长沙理工大学继续教育学院的合作单位,主要从事软件开发、电子商务、视觉传达设计等高端IT技能教育">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}" type=" image/x-icon"/>
    <link rel="stylesheet" href="lib/layui/css/layui.css"
          th:href="@{/lib/layui/css/layui.css}">
    <link rel="stylesheet" href="lib/swiper/css/swiper.min.css"
          th:href="@{https://cdn.bootcss.com/Swiper/4.5.0/css/swiper.min.css}">
    <link rel="stylesheet" href="lib/aliplayer/skins/aliplayer-min.css"
          th:href="@{https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css}">
    <link rel="stylesheet" href="css/base-black.css" th:href="@{/css/base-black.css}">
</head>
<body>
<!--导航-->
<div th:replace="common/header"></div>
<!--焦点图-->
<div class="sinven-banner" id="banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" th:each="article:${banners} ">
                <a class="banner-href" th:href="@{/article/{id}(id=${article.articleId})}"
                   th:style="|background:'#01AAED' url(${article.bannerCover});|"></a>
            </div>
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        <div class="swiper-pagination"></div><!--分页器-->
    </div>
</div>
<!--王牌专业-->
<div class="layui-container sinven-major">
    <div class="sinven-title">
        <h1>王牌专业</h1>
        <span>Ace Professional</span>
    </div>
    <div class="layui-row layui-col-space10">
        <div class="layui-col-xs5">
            <a th:href="@{/major/visual.html}"><img src="images/visual.jpg" th:src="@{/upload/images/visual.jpg}"></a>
        </div>
        <div class="layui-col-xs7">
            <div class="layui-row sinven-major-content">
                <div class="layui-col-xs12">
                    <a th:href="@{/major/software.html}"><img src="images/software.jpg"
                                                              th:src="@{/upload/images/software.jpg}"></a>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <a th:href="@{/major/e-commerce.html}"><img src="images/e-commerce.jpg"
                                                                th:src="@{/upload/images/e-commerce.jpg}"></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--学院风采-->
<div class="layui-fluid sinven-school">
    <div class="sinven-title">
        <h1>学院风采</h1>
        <span>School of elegant appearance</span>
    </div>
    <div id="school">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" th:each="e:${environments}"><img th:src="${e.photo}"/>
                    <p><a th:href="@{/school/environment.html}" th:text="${e.title}"> 校园环境1</a></p></div>
            </div>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>
<!--师资力量-->
<div class="layui-fluid sinven-teacher">
    <div class="sinven-title">
        <h1>师资团队</h1>
        <span>faculty</span>
    </div>
    <div id="teacher">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" th:each="teacher:${teachers}">
                    <a th:href="@{/teacher/{id}(id=${teacher.tid})}" class="teacher-info">
                        <img th:src="${teacher.photo}" th:alt="${teacher.tname}">
                        <div class="info">
                            <h3 th:text="${teacher.tname}">龙老师</h3>
                            <p th:text="${teacher.tjob}">校长助理</p>
                            <p th:text="${teacher.intro}">8年教育工作经验，3年学生管理经验。对待学生亦师亦友，
                                善于结合家庭教育、社会教育、学校教育于一体，引导学生树立正确的人生观、
                                价值观；结合社会企业需求，给学生进行职业规划和职业引导。</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--就业学生-->
<div class="layui-container sinven-teacher">
    <div class="sinven-title">
        <h1>就业学生</h1>
        <span>Students employment</span>
    </div>
    <div id="student">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" th:each="student : ${students}">
                    <a th:href="@{/recruit/students.html}" class="student-info">
                        <img th:src="${student.photo}" th:alt="${student.sname}">
                        <div class="info">
                            <p th:text="|姓名:${student.sname}|">姓名</p>
                            <p th:text="|专业:${student.major}|"></p>
                            <p th:text="|就业岗位:${student.station}|"></p>
                            <p th:text="|就业薪资:${student.pay}|"></p>
                            <p th:text="|就业单位:${student.company}|"></p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
</div>
<!--新闻活动-->
<div class="layui-fluid sinven-news">
    <div class="sinven-title">
        <h1>新闻/活动</h1>
        <span>News/events</span>
    </div>
    <div class="layui-container">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-xs6">
                <div class="prism-player" id="player-con"></div>
            </div>
            <div class="layui-col-xs6">
                <div class="news-info" th:each="a :${recommends}">
                    <a th:href="@{/article/{id}(id=${a.articleId})}">
                        <span class="article-cover">
                          <img th:src="${a.articleCover}" alt="">
                        </span>
                        <div class="news-comment">
                            <h3 th:text="${a.articleTitle}">新闻标题内容</h3>
                            <p th:text="${a.articleSummary}">经过为期2天的精彩比拼，2017年学院校企合作思文部下学期
                                专业技能竞赛活动前期于1.5日落下帷幕。
                                创意无限的创新作品、生动有趣的现场活动、
                                评委老师专业的点评、台前幕后工作人员的辛勤付出，
                                共同为我们呈现了这一场精彩的赛事。</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>。
    </div>
</div>
<!--学校活动-->
<div class="layui-container index-events-container">
    <div class="sinven-title">
        <h1>学院活动</h1>
        <span>Campus activity</span>
    </div>
    <div class="index-events">
        <div class="events-1" th:each="article,iterStat : ${articles}" th:class="|events-${iterStat.count}|">
            <a href="#" th:href="@{/culture/activity/{id}(id=${article.articleId})}">
                <img src="xszp03.jpg" alt="" th:src="${article.indexCover}" th:alt="${article.articleTitle}">
            </a>
        </div>
    </div>
</div>
<!--视频/新媒体说-->
<div class="layui-container sinven-media">
    <div class="layui-row layui-col-space20">
        <div class="layui-col-xs5">
            <div class="sinven-title">
                <h1>理工新闻</h1>
                <span>Campus news</span>
            </div>
            <ul class="sinven-media-list">
                <li th:each="article:${campusList}"><i class="layui-icon layui-icon-release"></i>
                    <a href="#" th:href="@{/article/{id}(id=${article.articleId})}" th:text="${article.articleTitle}">新媒体说 新媒体说新媒体说 新媒体说新媒体说</a></li>
            </ul>
        </div>
        <!--入学流程-->
        <div class="layui-col-xs7">
            <div class="layui-row">
                <div class="layui-col-xs6">
                    <div class="sinven-apply-left">
                        <div class="sinven-title">
                            <h1>入学流程</h1>
                            <span>Admission process</span>
                        </div>
                        <ul class="layui-timeline">
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">咨询了解</h3>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">申请入学</h3>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">入学测试(笔试)</h3>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">面试</h3>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">录取</h3>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">办理入学手续</h3>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="layui-col-xs6">
                    <form class="layui-form" id="applyForm">
                        <div class="layui-form-item">
                            <input class="layui-input" required lay-verify="required" type="text" name="name"
                                   placeholder="姓名">
                        </div>
                        <div class="layui-form-item">
                            <input class="layui-input" required lay-verify="required|phone" type="text" name="phone"
                                   placeholder="电话">
                        </div>
                        <div class="layui-form-item">
                            <input class="layui-input" type="text" lay-verify="email" name="email" placeholder="邮箱">
                        </div>
                        <div class="layui-form-item">
                            <textarea class="layui-input" name="content" rows="5"></textarea>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="apply">立即提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:replace="common/footer"></div>
<script th:src="@{https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js}"></script>
<script src="/static/lib/layui/layui.js"
        th:src="@{/lib/layui/layui.js}"></script>
<script src="/static/lib/swiper/js/swiper.min.js"
        th:src="@{https://cdn.bootcss.com/Swiper/4.5.0/js/swiper.min.js}"></script>
<script src="/static/lib/aliplayer/aliplayer-min.js"
        th:src="@{https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js}"></script>
<script src="/static/js/index.js" th:src="@{/js/index.js}"></script>
<script src="/static/js/common.js" th:src="@{/js/common.js}"></script>
</body>
</html>